<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>timeLine</title>
  <link rel="stylesheet" href="style.css" />
  <style type="text/css">
    h2.top_title {
      border-bottom: none;
      background: none;
      text-align: center;
      line-height: 32px;
      font-size: 20px
    }

    h2.top_title span {
      font-size: 12px;
      color: #666;
      font-weight: 500
    }
  </style>
</head>

<body>
  <h2 class="top_title"><a href="http://51201314.me">BACK</a>
    <br/>
    <span>Please surf the Internet by Advanced Browsers as Chrome or Firefox</span>
  </h2>

  <section id="cd-timeline" class="cd-container">

    <div class="cd-timeline-block">
      <div class="cd-timeline-img cd-movie">
        <img src="img/cd-icon-location.svg" alt="Location">
      </div>
      <div class="cd-timeline-content">
        <h2>Blog</h2>
        <p>Add jack's Blog</p>
         <a style="float: left" href="http://51201314.me/jacks" class="cd-read-more" target="_blank">Read</a>
        <span class="cd-date">2016-03-24</span>
      </div>
    </div>

    <div class="cd-timeline-block">
      <div class="cd-timeline-img cd-picture">
        <img src="img/cd-icon-picture.svg" alt="Picture">
      </div>
      <div class="cd-timeline-content">
        <h2>The first my space's style</h2>
        <p>Look the picture</p>
        <img src="img/webstyel_1.jpg">
        <span class="cd-date">2015-12-12</span>
      </div>
    </div>

    <div class="cd-timeline-block">
      <div class="cd-timeline-img cd-movie">
        <img src="img/cd-icon-movie.svg" alt="Movie">
      </div>
      <div class="cd-timeline-content">
        <h2>The latest version's style</h2>
        <p>Look the picture and join the animation</p>
        <img src="img/webstyel_2.png">
        <br>
        <a style="float: left" href="http://51201314.me/lab" class="cd-read-more" target="_blank">Read</a>
        <span class="cd-date">2015-12-15</span>
      </div>
    </div>

    
  </section>

  <div class="footer">
    <p>Powered by <a href="http://51201314.me">51201314.me</a></p>
  </div>
  <script type="text/javascript">
    var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cspan id='cnzz_stat_icon_1256996857'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1256996857%26online%3D1%26show%3Dline' type='text/javascript'%3E%3C/script%3E"));
  </script>
  <script>
    var _hmt = _hmt || [];
    (function() {
    var hm = document.createElement("script");
    hm.src = "//hm.baidu.com/hm.js?abb01572d8b75827361517d8bf06b16c";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
    })();
  </script>

</body>

</html>
